<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="中国志愿服务基金会，中国志基会，志基会">
        <meta name="description" content="中国志愿服务基金会，中国志基会">
    <title>中国志愿服务基金会-首页</title>
    <link rel="shortcut icon" href="https://uploads.customize.lingxi360.com///cvsf_cms/images/2025/06/12/dda20c7ad62ef6ba5651e6524593be77.png?imageView2/2/w/50">
    <style>
            </style>
    <link rel="stylesheet" type="text/css" href="https://www.cvsf.org.cn/resource/js/swiper-4.5.3/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.cvsf.org.cn/resource/js/baguetteBox/baguetteBox.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.cvsf.org.cn/resource/css/index.css?v=1.04">
    <link rel="stylesheet" type="text/css" href="https://www.cvsf.org.cn/resource/css/mobile.css?v=1.04">
    <link rel="stylesheet" type="text/css" href="https://www.cvsf.org.cn/resource/css/phone.css?v=1.04">
    <script type="text/javascript" src="https://www.cvsf.org.cn/resource/js/jquery-3.6.4.min.js"></script>
    <script type="text/javascript" src="https://www.cvsf.org.cn/resource/js/swiper-4.5.3/swiper.min.js"></script>
    <script type="text/javascript" src="https://www.cvsf.org.cn/resource/js/baguetteBox/baguetteBox.min.js"></script>
</head>

<body>
<div class="header-wrap">
    <header class="navbar width1440">
        <div class="navbar-logo">
            <a href="/"><img src="https://uploads.customize.lingxi360.com///cvsf_cms/images/2025/06/22/9f399d567ce847e576e5a7b4d06fa572.png?imageView2/2/w/1200" alt="中国志愿服务基金会 Logo"></a>
        </div>

        <nav class="navbar-menu">
            <a href="/"                                 class="active"
                            >首页</a>
                                                                                                <div class="dropdown">
                                <a href="/category/8" >关于我们</a>
                                <div class="dropdown-content">
                                                                            <li >
                                            <a href="/category/8">基金会介绍</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/9">负责人</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/10">基金会章程</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/11">组织架构</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/12">理事会</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/13">监事会</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/17">资质文件</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/20">加入我们</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/22">合作伙伴</a>
                                        </li>
                                                                    </div>
                            </div>
                        
                                                                                                <a href="/category/3" >党建工作</a>
                                                                                                <div class="dropdown">
                                <a href="/category/27" >新闻动态</a>
                                <div class="dropdown-content">
                                                                            <li >
                                            <a href="/category/27">工作动态</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/28">志愿动态</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/33">政策文件</a>
                                        </li>
                                                                    </div>
                            </div>
                        
                                                                                                <div class="dropdown">
                                <a href="/category/41" >志愿项目</a>
                                <div class="dropdown-content">
                                                                            <li >
                                            <a href="/category/41">志愿项目</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/42">专项基金</a>
                                        </li>
                                                                    </div>
                            </div>
                        
                                                                                                <div class="dropdown">
                                <a href="/category/34" >信息公开</a>
                                <div class="dropdown-content">
                                                                            <li >
                                            <a href="/category/34">捐赠公示</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/35">审计报告</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/37">年检报告</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/38">公示公告</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/39">管理制度</a>
                                        </li>
                                                                            <li >
                                            <a href="/category/40">其他资料</a>
                                        </li>
                                                                    </div>
                            </div>            <a target="_blank" href="/category/41"><button class="donate-btn">捐赠我们</button></a>
            <button class="search-btn">
                <img src="https://customize-uploads.lingxi360.com/outsource/cvsf/search.png" alt="搜索">
            </button>
        </nav>
        <div class="search-box">
            <form class="search-container" autocomplete="off" action="https://www.cvsf.org.cn/search">
                <span class="search-icon">
                    <img src="https://customize-uploads.lingxi360.com/outsource/cvsf/search.png"
                         alt="">
                </span>
                <input autocomplete="off" name="keyword" value="" type="text"
                       class="search-input" placeholder="请输入关键词进行搜索">
                <button class="search-button outline-button">
                    搜索
                </button>
            </form>
        </div>
    </header>
</div>

<script>
    let hasKeyword = false;
        function hideSearchBox() {
        $('.search-box').css('height', 0);
    }

    function showSearchBox() {
        $('.search-box').css('height', 124);
    }
    $('.navbar-menu .search-btn').mouseenter(function() {
        showSearchBox();
    })
    $('.dropdown').mouseenter(function() {
        hideSearchBox();
    })
    $('.search-box').mouseleave(function() {
        if (!hasKeyword) {
            hideSearchBox();
        }
    })
</script>

<div class="mobile-nav-wrap navbar">
    <div class="mobile-header-wrapper" style="height: 49.9844px;">
        <div class="header-inner">
            <div class="header-main">
                <div class="nav-left">
                    <div class="menu-btn" onclick="handleShowMobileMenu();"></div>
                </div>
                <a class="logo-link" href="/">
                    <img class="logo" src="https://uploads.customize.lingxi360.com///cvsf_cms/images/2025/06/22/9f399d567ce847e576e5a7b4d06fa572.png?imageView2/2/w/400">
                </a>
                <div class="nav-right">
                    <a target="_blank" href="/category/41"><button class="donate-btn">捐赠我们</button></a>
                    <a href="https://www.cvsf.org.cn/search?keyword=中国志愿服务基金会">
                        <div class="search-icon">
                            <img src="https://customize-uploads.lingxi360.com/outsource/cvsf/search.png" alt="">
                        </div>
                    </a>

                    
                </div>
            </div>
        </div>
    </div>
</div>
<div class="search-box mobile-search-box">
    <form class="search-container" action="/search">
        <img class="clear-search  hidden " src="https://customize-uploads.lingxi360.com/outsource/see_college/clear-search.png" alt="">
        <input name="keyword" type="text" value="" class="search-input" placeholder="请输入关键词进行搜索">
        <button class="search-button">
        <span class="search-icon">
            <img src="https://customize-uploads.lingxi360.com/outsource/see_college/search-white.png" alt="">
        </span>
            搜索
        </button>
    </form>
    <style>
        .clear-search {
            position: absolute;
            width: 30px;
            top: 10px;
            right: 190px;
            cursor: pointer;
            z-index: 999;
        }
    </style>
</div>
<div class="mobile-menu-wrapper">
    <div class="menu-inner">
        <ul class="menu-list">
            <li class="menu-list-item                                 active
                            ">
                            <a class="menu-list-item-link" data-href="/"
                                                              href="/"
                                                              onclick="handleMobileMenu(this);">首页</a>
                                                    </li>
                                            <li class="menu-list-item ">
                            <a class="menu-list-item-link" data-href="/category/8"
                                                              href="javascript:;"
                                                              onclick="handleMobileMenu(this);">关于我们</a>
                                                            <div class="menu-open-btn"></div>
                                <div class="menu-list-sub">
                                    <div class="link-box">
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/8">
                                                    基金会介绍
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/9">
                                                    负责人
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/10">
                                                    基金会章程
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/11">
                                                    组织架构
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/12">
                                                    理事会
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/13">
                                                    监事会
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/17">
                                                    资质文件
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/20">
                                                    加入我们
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/22">
                                                    合作伙伴
                                                </a>
                                            </div>
                                                                            </div>
                                </div>
                                                    </li>
                                            <li class="menu-list-item ">
                            <a class="menu-list-item-link" data-href="/category/3"
                                                              href="/category/3"
                                                              onclick="handleMobileMenu(this);">党建工作</a>
                                                    </li>
                                            <li class="menu-list-item ">
                            <a class="menu-list-item-link" data-href="/category/27"
                                                              href="javascript:;"
                                                              onclick="handleMobileMenu(this);">新闻动态</a>
                                                            <div class="menu-open-btn"></div>
                                <div class="menu-list-sub">
                                    <div class="link-box">
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/27">
                                                    工作动态
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/28">
                                                    志愿动态
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/33">
                                                    政策文件
                                                </a>
                                            </div>
                                                                            </div>
                                </div>
                                                    </li>
                                            <li class="menu-list-item ">
                            <a class="menu-list-item-link" data-href="/category/41"
                                                              href="javascript:;"
                                                              onclick="handleMobileMenu(this);">志愿项目</a>
                                                            <div class="menu-open-btn"></div>
                                <div class="menu-list-sub">
                                    <div class="link-box">
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/41">
                                                    志愿项目
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/42">
                                                    专项基金
                                                </a>
                                            </div>
                                                                            </div>
                                </div>
                                                    </li>
                                            <li class="menu-list-item ">
                            <a class="menu-list-item-link" data-href="/category/34"
                                                              href="javascript:;"
                                                              onclick="handleMobileMenu(this);">信息公开</a>
                                                            <div class="menu-open-btn"></div>
                                <div class="menu-list-sub">
                                    <div class="link-box">
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/34">
                                                    捐赠公示
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/35">
                                                    审计报告
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/37">
                                                    年检报告
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/38">
                                                    公示公告
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/39">
                                                    管理制度
                                                </a>
                                            </div>
                                                                                    <div class="third-sub-box">
                                                <a class="menu-list-sub-link " href="/category/40">
                                                    其他资料
                                                </a>
                                            </div>
                                                                            </div>
                                </div>
                                                    </li>        </ul>
    </div>
</div>
<script>
    function handleShowMobileMenu() {
        if ($('.mobile-header-wrapper').hasClass('active')) {
            $('.mobile-header-wrapper').removeClass('active');
            $('.mobile-menu-wrapper').hide();
        } else {
            $('.mobile-header-wrapper').addClass('active');
            $('.mobile-menu-wrapper').show();
        }
    }
    function handleMobileMenu(_this) {
        if ($(_this).hasClass('case-wrap')) {
            var href = $(_this).attr('data-href');
            window.location.href = href;
        } else {
            var height = $(_this).siblings('.menu-list-sub').height();
            var autoHeight = $(_this).siblings('.menu-list-sub').css('height', 'auto').height();
            if ($(_this).parent('.menu-list-item').hasClass('active')) {
                autoHeight = 0;
            }
            $(_this).siblings('.menu-list-sub').height(height).animate({height: autoHeight}, 300)
            $(_this).parent('.menu-list-item').toggleClass('active');
        }
    }
    $('.mobile-nav-wrap .search-icon').click(function () {
        if ($(this).attr('data-show-searc-box') == 1) {
            $('.mobile-search-box').hide();
            $(this).attr('data-show-searc-box', 0);
        } else {
            $('.mobile-search-box').show();
            $(this).attr('data-show-searc-box', 1);
        }
    })

    function clearSearch () {
        $('.clear-search').click(function () {
            $('.search-input').val('');
            $('.clear-search').hide();
        })
    }

    clearSearch();
</script>
    <div class="home-page">
        <div class="home-banner">
    <!-- 轮播图容器 -->
    <div class="swiper banner-swiper pc-banner-wrap">
        <div class="swiper-wrapper">
                            
                <div class="swiper-slide"
                     style="background: url('https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/7ee62b4de7e43b3d1c0e2367667ee4d4.jpg')  no-repeat; background-size: cover;">
                                    </div>
                    </div>
        <!-- 添加分页器 -->
            </div>
</div>
<script>
    let loop = true;
    </script>        <div class="home-banner mobile-home-banner">
    <!-- 轮播图容器 -->
    <div class="swiper banner-swiper pc-banner-wrap mobile-banner-wrap">
        <div class="swiper-wrapper">
                            <div class="swiper-slide"
                     style="background: url('https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0627/413e58a17ce76aab67574004a728490a.jpg?imageView2/2/w/2880')  no-repeat; background-size: cover;">
                                    </div>
                    </div>
        <!-- 添加分页器 -->
            </div>
</div>
<script>
    let mobileloop = true;
    </script>        <div class="statistics-bg">
    <div class="statistics-container">
        <div class="stats-container">
                                            <div class="stat-card">
                    <div class="stat-label">累计捐赠总额(万元)</div>
                    <div id="donation" class="stat-number">199,280</div>
                    
                </div>
                                            <div class="stat-card">
                    <div class="stat-label">累计志愿者（名）</div>
                    <div id="donation" class="stat-number">247,573</div>
                    
                </div>
                                            <div class="stat-card">
                    <div class="stat-label">累计服务时长（小时）</div>
                    <div id="donation" class="stat-number">18,696,810</div>
                    
                </div>
                    </div>
                    <div class="button-card">
                                                            <a target="_blank" style="width: 100%;" href="/category/41">
                            <button class="button primary-button">立即捐赠</button>
                        </a>
                                                                                <a target="_blank" class="button-card-3" href="/category/34">
                            <button class="button outline-button">捐赠查询</button>
                        </a>
                                                                                <a target="_blank" class="button-card-3" href="https://lxi.me/3nDfpw">
                            <button class="button outline-button">申领票据</button>
                        </a>
                                                                                <a target="_blank" class="button-card-3" href="https://lxi.me/1tQqM0">
                            <button class="button outline-button">申请证书</button>
                        </a>
                                                </div>
                <p class="deadline">*统计截至时间:2024.12.31</p>
    </div>
</div>
<script type="text/javascript" src="https://www.cvsf.org.cn/resource/js/jquery.countup.min.js"></script>
<script type="text/javascript" src="https://www.cvsf.org.cn/resource/js/jquery.waypoints.min.js"></script><script>
    $(document).ready(function() {
        $('.stat-number').countUp({
            delay: 10,
            time: 1500,
        });
    });
    function moveDeadline() {
        if ($(window).width() < 750) {
            $('.deadline').insertBefore('.button-card');
        } else {
            // 大于750时恢复原状
            $('.deadline').appendTo('.original-parent');
        }
    }

    $(document).ready(moveDeadline);
    $(window).resize(moveDeadline);

</script>        <div class="top-ad">
    <div class="swiper top-ad-swiper width1440">
        <div class="swiper-wrapper">
                            
                <div class="swiper-slide"
                     style="background: url('https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/d5b70eea534d6a94124f8c141af94586.jpg')  no-repeat; background-size: cover;background-position: center;">
                                            <a class="banner-link" href="https://www.zyshgzb.gov.cn/459386/459396/index.html" target="_blank"></a>
                                    </div>
                    </div>
        <!-- 添加分页器 -->
            </div>
</div>
<script>
    let topAdLoop = true;
    </script>        <div class="top-ad">
    <div class="swiper top-ad-swiper width1440 mobile-top-ad-swiper">
        <div class="swiper-wrapper">
                            <div class="swiper-slide"
                     style="background: url('https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0627/8b5686a67f9a0af64fa965f58508d240.png?imageView2/2/w/1920')  no-repeat; background-size: cover;background-position: center;">
                                            <a class="banner-link" href="https://www.zyshgzb.gov.cn/459386/459396/index.html" target="_blank"></a>
                                    </div>
                    </div>
        <!-- 添加分页器 -->
            </div>
</div>
<script>
    let mobileTopAdLoop = true;
    </script>        <div class="news-bg-wrap">
    <div class="project-container">
        <!-- 左侧志愿项目部分 -->
                <section class="section volunteer-projects">
                <div class="section-header">
                    <h2 class="section-title">
                        <div class="tab-buttons">
                            <div class="title tab-button active" data-tab="volunteer" data-url="https://www.cvsf.org.cn/category/41">新闻动态
                            </div>
                        </div>
                    </h2>
                                            <a target="_blank" href="https://www.cvsf.org.cn/category/27" class="more-link">MORE</a>
                                        <span class="more-icon"> >>></span>
                </div>

                <!-- 志愿项目列表 -->
                <div class="project-list tab-content active">
                                                                                                                                                            <a class="item" target="_blank" href="https://www.cvsf.org.cn/content/1555">
                                                            <div class="project-item non-public ellips">
                                                                            <span class="top-tag">
                                            <span class="top-icon">
                                                <img src="https://customize-uploads.lingxi360.com/outsource/cvsf/up-icon.png" alt="">
                                            </span>置顶
                                        </span>
                                                                        <span class="project-name ellips">中国志愿服务基金会迁入新址</span>
                                    <span class="announcement-date new-date">2025.06.27</span>
                                </div>
                            </a>
                                                                                                                <a class="item" target="_blank" href="https://www.cvsf.org.cn/content/1554">
                                                            <div class="project-item non-public ellips">
                                                                            <span class="top-tag">
                                            <span class="top-icon">
                                                <img src="https://customize-uploads.lingxi360.com/outsource/cvsf/up-icon.png" alt="">
                                            </span>置顶
                                        </span>
                                                                        <span class="project-name ellips">中国志愿服务基金会召开换届会议暨第三届理事会第一次会议</span>
                                    <span class="announcement-date new-date">2024.12.30</span>
                                </div>
                            </a>
                                                                                                                <a class="item" target="_blank" href="https://www.cvsf.org.cn/content/1464">
                                                            <div class="project-item non-public ellips">
                                                                        <span class="project-name ellips">中国志愿服务基金会与应急管理大学（筹）交流座谈</span>
                                    <span class="announcement-date new-date">2025.05.29</span>
                                </div>
                            </a>
                                                                                                                <a class="item" target="_blank" href="https://www.cvsf.org.cn/content/1463">
                                                            <div class="project-item non-public ellips">
                                                                        <span class="project-name ellips">中国志愿服务基金会“心理健康与发展专项基金”召开座谈交流会</span>
                                    <span class="announcement-date new-date">2025.05.29</span>
                                </div>
                            </a>
                                                                                                                <a class="item" target="_blank" href="https://www.cvsf.org.cn/content/1462">
                                                            <div class="project-item non-public ellips">
                                                                        <span class="project-name ellips">中国志愿服务基金会赴中国航空运输协会座谈交流</span>
                                    <span class="announcement-date new-date">2025.05.17</span>
                                </div>
                            </a>
                                                                                                                <a class="item" target="_blank" href="https://www.cvsf.org.cn/content/1461">
                                                            <div class="project-item non-public ellips">
                                                                        <span class="project-name ellips">中国志愿服务基金会赴中国乡村发展基金会座谈交流</span>
                                    <span class="announcement-date new-date">2025.05.17</span>
                                </div>
                            </a>
                                                            </div>
                                    <a target="_blank" href="https://www.cvsf.org.cn/category/27" class="mobile-link">查看更多></a>
                            </section>
        <!-- 右侧公示公告部分 -->
                <section class="section announcements an-file">
                <div class="section-header">
                    <h2 class="section-title">
                        <div class="title active">政策文件</div>
                    </h2>
                                            <a target="_blank" href="https://www.cvsf.org.cn/category/33" class="more-link">MORE</a>
                                        <span class="more-icon"> >>></span>
                </div>
                <div class="announcement-list">
                                                                                                                                                                                            <a target="_blank" href="/pdfjs/web/viewer.html?file=/cvsf_cms/files/2025/0625/bd29501027a9f7665663464188554fd8.pdf">
                                <div class="announcement-item">
                                    <img class="pdf-icon" src="https://customize-uploads.lingxi360.com/outsource/cvsf/pdf-icon.png"
                                         alt="">
                                    <span class="announcement-title ellips">关于健全新时代志愿服务体系的意见</span>
                                    <span class="announcement-date">2025.06.25</span>
                                </div>
                            </a>
                                                                                                                                                                        <a target="_blank" href="/pdfjs/web/viewer.html?file=/cvsf_cms/files/2025/0625/0cd354af494395187ca367c611095ed3.pdf">
                                <div class="announcement-item">
                                    <img class="pdf-icon" src="https://customize-uploads.lingxi360.com/outsource/cvsf/pdf-icon.png"
                                         alt="">
                                    <span class="announcement-title ellips">中央社会工作部有关负责人就意见答记者问</span>
                                    <span class="announcement-date">2025.06.25</span>
                                </div>
                            </a>
                                                                                                                                                                        <a target="_blank" href="/pdfjs/web/viewer.html?file=/cvsf_cms/files/2025/0625/9f53ae00d7ab19c6f52949573444a5da.pdf">
                                <div class="announcement-item">
                                    <img class="pdf-icon" src="https://customize-uploads.lingxi360.com/outsource/cvsf/pdf-icon.png"
                                         alt="">
                                    <span class="announcement-title ellips">关于志愿服务项目的工作指引</span>
                                    <span class="announcement-date">2025.06.25</span>
                                </div>
                            </a>
                                                                                                                                                                        <a target="_blank" href="/pdfjs/web/viewer.html?file=/cvsf_cms/files/2025/0625/5e3ae87bfdf67af4b5cd1f43d224e6ca.pdf">
                                <div class="announcement-item">
                                    <img class="pdf-icon" src="https://customize-uploads.lingxi360.com/outsource/cvsf/pdf-icon.png"
                                         alt="">
                                    <span class="announcement-title ellips">关于志愿者招募和培训的工作指引</span>
                                    <span class="announcement-date">2025.06.25</span>
                                </div>
                            </a>
                                                                                                                                                                        <a target="_blank" href="/pdfjs/web/viewer.html?file=/cvsf_cms/files/2025/0625/4bd30225160fa51ad81eba5c6683ca3a.pdf">
                                <div class="announcement-item">
                                    <img class="pdf-icon" src="https://customize-uploads.lingxi360.com/outsource/cvsf/pdf-icon.png"
                                         alt="">
                                    <span class="announcement-title ellips">关于社区志愿服务的工作指引</span>
                                    <span class="announcement-date">2025.06.25</span>
                                </div>
                            </a>
                                                                                                                                                                        <a target="_blank" href="/pdfjs/web/viewer.html?file=/cvsf_cms/files/2025/0625/2221d256801b9b4bc5ec143a167869ec.pdf">
                                <div class="announcement-item">
                                    <img class="pdf-icon" src="https://customize-uploads.lingxi360.com/outsource/cvsf/pdf-icon.png"
                                         alt="">
                                    <span class="announcement-title ellips">关于加强高校法律援助志愿服务工作的意见</span>
                                    <span class="announcement-date">2025.06.25</span>
                                </div>
                            </a>
                                                            </div>
                                    <a target="_blank" href="https://www.cvsf.org.cn/category/33" class="mobile-link">查看更多></a>
                            </section>    </div>
</div>        <div class="project-bg-wrap">
    <div class="project-container">
        <!-- 左侧志愿项目部分 -->
                <section class="section volunteer-projects">
                <div class="section-header">
                    <h2 class="section-title">
                        <div class="tab-buttons">
                            <div class="title tab-button active" data-tab="volunteer" data-url="https://www.cvsf.org.cn/category/41">志愿项目
                            </div>
                        </div>
                    </h2>
                                            <a target="_blank" href="https://www.cvsf.org.cn/category/41" class="more-link">MORE</a>
                                        <span class="more-icon"> >>></span>
                </div>
                <!-- 志愿项目列表 -->
                <div class="project-list tab-content active" id="volunteer-tab">
                                                                                                    <a target="_blank" href="https://www.cvsf.org.cn/content/1478">
                                                                    <div class="project-item public ellips">
                                        <span class="project-type">公募项目</span>
                                        <span class="project-name ellips">荒野新疆守护计划</span>
                                    </div>
                                                            </a>
                                                                                <a target="_blank" href="https://www.cvsf.org.cn/content/1583">
                                                                    <div class="project-item non-public ellips">
                                        <span class="project-type">非公募项目</span>
                                        <span class="project-name ellips">纪行中华·让文物活起来</span>
                                    </div>
                                                            </a>
                                                                                <a target="_blank" href="https://www.cvsf.org.cn/content/1558">
                                                                    <div class="project-item non-public ellips">
                                        <span class="project-type">非公募项目</span>
                                        <span class="project-name ellips">五彩梦想接力计划</span>
                                    </div>
                                                            </a>
                                                                                <a target="_blank" href="https://www.cvsf.org.cn/content/1515">
                                                                    <div class="project-item non-public ellips">
                                        <span class="project-type">非公募项目</span>
                                        <span class="project-name ellips">医学应急急救志愿服务中国行</span>
                                    </div>
                                                            </a>
                                                                                <a target="_blank" href="https://www.cvsf.org.cn/content/1520">
                                                                    <div class="project-item non-public ellips">
                                        <span class="project-type">非公募项目</span>
                                        <span class="project-name ellips">点亮行动公益计划</span>
                                    </div>
                                                            </a>
                                                                                <a target="_blank" href="https://www.cvsf.org.cn/content/5334">
                                                                    <div class="project-item non-public ellips">
                                        <span class="project-type">非公募项目</span>
                                        <span class="project-name ellips">数智银龄e帮一计划</span>
                                    </div>
                                                            </a>
                                                            </div>
                                    <a style="margin-top: .1rem;" target="_blank" href="https://www.cvsf.org.cn/category/41" class="mobile-link">查看更多></a>
                            </section>
        <!-- 右侧公示公告部分 -->
                <section class="section announcements">
                <div class="section-header">
                    <h2 class="section-title">
                        <div class="title active">公示公告</div>
                    </h2>
                                            <a target="_blank" href="https://www.cvsf.org.cn/category/38" class="more-link">MORE</a>
                                        <span class="more-icon"> >>></span>
                </div>
                <div class="announcement-list">
                                                                                                                                    <a href="https://www.cvsf.org.cn/content/1557">
                                                            <div class="announcement-item">
                                    <span class="announcement-title ellips">中国志愿服务基金会迁址公告</span>
                                    <span class="announcement-date new-date">2025.06.27</span>
                                </div>
                            </a>
                                                                                                                <a href="https://www.cvsf.org.cn/content/5">
                                                            <div class="announcement-item">
                                    <span class="announcement-title ellips">第十三届“中华慈善奖”慈善项目和慈善信托申报公示结果</span>
                                    <span class="announcement-date new-date">2025.03.28</span>
                                </div>
                            </a>
                                                                                                                <a href="https://www.cvsf.org.cn/content/6">
                                                            <div class="announcement-item">
                                    <span class="announcement-title ellips">第十三届“中华慈善奖”慈善项目和慈善信托申报公示</span>
                                    <span class="announcement-date new-date">2025.03.21</span>
                                </div>
                            </a>
                                                                                                                <a target="_blank" href="https://mp.weixin.qq.com/s/LdIDuORcTLctafYA5UKvVQ">
                                                            <div class="announcement-item">
                                    <span class="announcement-title ellips">2024年度全国志愿服务“四个100”先进典型名单公示</span>
                                    <span class="announcement-date new-date">2025.06.27</span>
                                </div>
                            </a>
                                                            </div>
                                    <a target="_blank" href="https://www.cvsf.org.cn/category/38" class="mobile-link">查看更多></a>
                            </section>    </div>
    <script>

    </script>
</div>        <div class="center-ad">
    <div class="swiper center-ad-swiper">
        <div class="swiper-wrapper">
                            
                <div class="swiper-slide"
                     style="background: url('https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0623/e3386c52ff318a4956e67d7daa4a8416.jpg')  no-repeat; background-size: cover;background-position: center;">
                                            <a class="banner-link" href="https://www.zyshgzb.gov.cn/459386/459573/index.html" target="_blank"></a>
                                    </div>
                    </div>
        <!-- 添加分页器 -->
            </div>
</div>
<script>
    let centerAdLoop = true;
    </script>        <div class="center-ad">
    <div class="swiper center-ad-swiper mobile-center-ad-swiper">
        <div class="swiper-wrapper">
                            <div class="swiper-slide"
                     style="background: url('https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0627/ea34e53be1b1c5944db4bb30864cd2da.png')  no-repeat; background-size: cover;background-position: center;">
                                            <a class="banner-link" href="https://www.zyshgzb.gov.cn/459386/459573/index.html" target="_blank"></a>
                                    </div>
                    </div>
        <!-- 添加分页器 -->
            </div>
</div>
<script>
    let mobileCenterAdLoop = true;
    </script>        <div class="video-container-wrap width1440">

    <div class="content-grid">
        <div class="show-info">
            <h2 class="section-title">
                <div class="title active">
                    志愿资讯                </div>
            </h2>
            
            <div class="volunteer-list">
                <a class="item" target="_blank" href="https://mp.weixin.qq.com/s/IaE5hAr9kzDB6qy11Jg2mQ">
                                                            <div class="volunteer-item text-to-top ellips">《中国志愿》刊发仲致远署名文章：扎实做好暑期志愿服务工作</div>
                            </a>
                                                                                    <a class="item" target="_blank" href="https://www.zyshgzb.gov.cn/n1/2025/0228/c459393-40428247.html">
                                                            <div class="volunteer-item text-to-top ellips">志愿服务工作协调小组召开2025年全体会议</div>
                            </a>
                                                                                    <a class="item" target="_blank" href="https://www.zyshgzb.gov.cn/n1/2025/0401/c459387-40451593.html">
                                                            <div class="volunteer-item text-to-top ellips">“千行百业志愿行”活动启动</div>
                            </a>
                                                                                    <a class="item" target="_blank" href="https://www.zyshgzb.gov.cn/n1/2025/0425/c459507-40468105.html">
                                                            <div class="volunteer-item text-to-top ellips">应急和社会心理服务志愿服务培训班在福建福州开班</div>
                            </a>
                                                                                    <a class="item" target="_blank" href="https://www.zyshgzb.gov.cn/n1/2025/0512/c459393-40478023.html">
                                                            <div class="volunteer-item text-to-top ellips">学校社会工作服务专题培训班在苏州举办</div>
                            </a>
                                                                                    <a class="item" target="_blank" href="https://mp.weixin.qq.com/s/HNc8n43gBy8tAgtXE6tlyA">
                                                            <div class="volunteer-item text-to-top ellips">最高检 中社部联合举办“携手关爱，共护未来”主题开放日活动</div>
                            </a>            </div>
        </div>

        <div class="video-info">
            <h2 class="section-title">
                <div class="title active">
                    志愿视频                </div>
            </h2>
                        <div class="video-container image-scale" data-video-src="https://uploads.customize.lingxi360.com/cvsf_cms/bigfile/2025/6/25/1750834447402_DangWang-WangZiFeng_6a005862d04993a7b71c261ba87c2662.mp4">
                            <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/06/25/897f8388cd9fdc1a45e892c78fd71c0d.jpg?imageView2/2/w/600" alt="视频封面">
                            <div class="play-button"></div>
                            <div class="video-title ellips">习近平对社会工作作出重要指示</div>
                        </div>        </div>

        <div class="image-info">
            <h2 class="section-title">
                <div class="title active">
                    志愿图片                </div>
            </h2>
                        <div class="image-container image-scale image-baguette-box">
                                                            <a href="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/7d2bd464cd13a25b24950ec9a0532197.jpg?imageView2/2/w/600">
                                    <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/7d2bd464cd13a25b24950ec9a0532197.jpg?imageView2/2/w/600" alt="-">
                                </a>
                                                            <a href="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/e76da54c578dea53f8ef304c88b96208.jpg?imageView2/2/w/600">
                                    <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/e76da54c578dea53f8ef304c88b96208.jpg?imageView2/2/w/600" alt="-">
                                </a>
                                                            <a href="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/6d239c0d1b26b294c2f9939991dab992.jpg?imageView2/2/w/600">
                                    <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/6d239c0d1b26b294c2f9939991dab992.jpg?imageView2/2/w/600" alt="-">
                                </a>
                                                            <a href="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/40d1f9f87aae4663784c5d74fbcb0932.jpg?imageView2/2/w/600">
                                    <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/40d1f9f87aae4663784c5d74fbcb0932.jpg?imageView2/2/w/600" alt="-">
                                </a>
                                                        <div class="video-title ellips">-</div>
                        </div>        </div>
    </div>
</div>

<script>
    var type = ""
    $(document).ready(function() {
        if (type == 'video') {
            var target = $('.more-media');
            if (target.length) {
                // alert(target.offset().top);
                // 立即跳转到目标元素位置
                $('html, body').animate({
                    scrollTop: target.offset().top - 130
                }, 500); // 5
            }
        }
        // 存储视频播放位置的对象
        const videoProgress = {};

        // 点击视频容器打开模态框
        $('div[data-video-src]').on('click', function() {
            const videoSrc = $(this).data('video-src');
            const $video = $('#videoModal video');

            $video.attr('src', videoSrc);
            $('#videoModal').fadeIn();

            // 如果有存储的进度，则设置到该位置
            if (videoProgress[videoSrc]) {
                $video[0].addEventListener('loadedmetadata', function() {
                    this.currentTime = videoProgress[videoSrc];
                    this.play();
                }, { once: true });
            } else {
                $video[0].play();
            }
        });

        // 关闭模态框的函数
        function closeModal() {
            const $modal = $('#videoModal');
            const $video = $modal.find('video');
            const videoSrc = $video.attr('src');

            // 保存当前播放进度
            if (videoSrc) {
                videoProgress[videoSrc] = $video[0].currentTime;
            }

            $modal.fadeOut();
            $video[0].pause();
            $video.attr('src', '');
        }

        // 点击关闭按钮
        $('.close-button').on('click', closeModal);

        // 点击模态框背景
        $('#videoModal').on('click', function(e) {
            if (e.target === this) {
                closeModal();
            }
        });

        // ESC 键关闭
        $(document).on('keydown', function(e) {
            if (e.key === 'Escape') {
                closeModal();
            }
        });
    })
</script><script>
    var type = ""
    $(document).ready(function() {
        baguetteBox.run(`.image-baguette-box`);
        if (type == 'image') {
            var target = $('.more-media');
            if (target.length) {
                // alert(target.offset().top);
                // 立即跳转到目标元素位置
                $('html, body').animate({
                    scrollTop: target.offset().top - 130
                }, 500); // 5
            }
        }
    });
</script>        <div class="platform">
    <div class="platform-container">
        <!-- 左侧图标 -->
        <div class="left-panel">
            <div class="logo-box">
                <span>中国志愿服务<br>协同平台</span>
            </div>
        </div>

        <!-- 中间内容：志愿者 / 志愿者服务队伍 -->
        <div class="middle-panel">
            <div class="section">
                <div class="section-title">志愿者</div>
                <ul>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/login">
                                    注册成志愿者
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    志愿服务签到
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    加入志愿队伍
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    申请服务时长
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    下载服务证明
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    服务证明查询
                                </a>
                                                    </li>
                                    </ul>
            </div>
            <div class="section">
                <div class="section-title">志愿者服务队伍</div>
                <ul>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    招募志愿者
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    志愿者管理
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    发布志愿项目
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    志愿项目管理
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    服务时长录入
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    项目时长管理
                                </a>
                                                    </li>
                                    </ul>
            </div>
            <div class="section">
                <div class="section-title">管理部门</div>
                <ul>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    管理部门登录
                                </a>
                                                    </li>
                                            <li class="text-to-top">
                                                            <a target="_blank" href="https://www.cvf.org.cn/xtpt/#/">
                                    队伍注册审核
                                </a>
                                                    </li>
                                    </ul>
            </div>
        </div>
    </div>
</div>        <main class="partner-container">
        <section class="partner-grid">
                            <article class="partner-card">
                    <a target="_blank" href="/category/22">
                        <div class="icon-wrapper">
                            <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0613/4862b0acba4c7d6b52d5faecf961583e.png?imageView2/2/w/100" alt="志愿服务工作协调小组成员单位">
                        </div>
                        <h2 class="partner-title">志愿服务工作协调小组成员单位</h2>
                    </a>
                </article>
                            <article class="partner-card">
                    <a target="_blank" href="/category/23">
                        <div class="icon-wrapper">
                            <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0613/ca6d9b499515992fb10bfafd1e09b5c8.png?imageView2/2/w/100" alt="媒体矩阵">
                        </div>
                        <h2 class="partner-title">媒体矩阵</h2>
                    </a>
                </article>
                            <article class="partner-card">
                    <a target="_blank" href="/category/24">
                        <div class="icon-wrapper">
                            <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0625/9ebb889b8a91e3cd183a8f989905cf67.png?imageView2/2/w/100" alt="合作机构">
                        </div>
                        <h2 class="partner-title">合作机构</h2>
                    </a>
                </article>
                    </section>
    </main>
    </div>
<div class="footer-wrap">
            <footer class="footer">
                <div class="footer-container">
                    <div class="footer-left">
                        <a href="/"><img src="https://uploads.customize.lingxi360.com///cvsf_cms/images/2025/06/23/7e5a5897b8fba5eb15b29e87fe1be1d7.png?imageView2/2/w/600" alt="中国志愿服务基金会" class="footer-logo" /></a>
                        <div class="footer-info">
                            <p class="left-info">主办：中国志愿服务基金会</p>
                                                            <p class="left-info">地址：北京市东城区建国门内大街28号<br />
　　　民生金融中心D座4层</p>
                                                                                        <p class="left-info">邮编：100005</p>
                                                    </div>
                    </div>
                    <div class="footer-links">
                                                <div class="footer-col">
                                                                                            <a href="/category/8"> <h4>关于我们</h4></a>
                                                                                                                                        <ul>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/8">基金会介绍</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/9">负责人</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/10">基金会章程</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/11">组织架构</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/12">理事会</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/13">监事会</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/17">资质文件</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/20">加入我们</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/22">合作伙伴</a>
                                                            
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>
                                                                                                                                                                                                                                                                                                                                                            <div class="footer-col">
                                                                                            <a href="/category/34"> <h4>信息公开</h4></a>
                                                                                                                                        <ul>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/34">捐赠公示</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/35">审计报告</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/37">年检报告</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/38">公示公告</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/39">管理制度</a>
                                                            
                                                        </li>
                                                                                                            <li class="text-to-top">
                                                                                                                            <a href="/category/40">其他资料</a>
                                                            
                                                        </li>
                                                                                                    </ul>
                                                                                    </div>                        <div class="footer-col partner">
                                                            <div class="footer-qrcodes">
                                                                            <div>
                                            <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0613/7afba40f9ee279bf4a914509f5339b01.png?imageView2/2/w/200" alt="微信公众号" />
                                            <span>微信公众号</span>
                                        </div>
                                                                            <div>
                                            <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0613/7e7880e085d26940ee357fba2afdd03a.png?imageView2/2/w/200" alt="官方微博" />
                                            <span>官方微博</span>
                                        </div>
                                                                            <div>
                                            <img src="https://uploads.customize.lingxi360.com//cvsf_cms/images/2025/0627/ee298b96051d7e97d469cd8116c96858.png?imageView2/2/w/200" alt="官方抖音" />
                                            <span>官方抖音</span>
                                        </div>
                                                                    </div>
                            
                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <span class="copyright">Copyright © 2015 - 2025. 中国志愿服务基金会  版权所有 Copyright © cvsf.org.cn  All Rights Reserved Powered by <a target="_blank" href="https://www.lingxi360.com/" alt="灵析"><img src="https://www.lingxi360.com/Application/Home/View/lx/styles/css/images/logo.png" alt="灵析" style="height: 10px; margin-top: -4px;"></a></span>
                    <span><a href="https://beian.miit.gov.cn/" target="_blank">京ICP备16065834号-1</a></span>
                </div>
            </footer>
        </div>
        <!-- 添加模态框 -->
        <div class="modal" id="videoModal">
            <div class="modal-content">
                <div class="close-button">&times;</div>
                <video controls>
                    <source src="" type="video/mp4">
                    您的浏览器不支持视频播放。
                </video>
            </div>
        </div>
    </body>
    <script>
        
        $(document).ready(function () {
            moveFooterInfo()
        })

        function moveFooterInfo() {
            if ($(window).width() < 750) {
                $('.footer-info').insertAfter('.footer-links');
            } else {
                // 大于750时暂不考虑恢复原状
            }
        }
        $(window).resize(moveFooterInfo);
    </script>
    <style>
        .layui-laydate .layui-this {
            background-color: #B22222 !important;
        }
    </style>
</html>    <script>

    </script>
